<template>
   <div class="bottom">
      <template>
        <dl v-for="v in searchList" :key="v.id">
        <dt>
          <img :src="v.url" alt="">
        </dt>
        <dd>
          <h3>{{ v.title }}</h3>
        </dd>
      </dl>
      </template>
    </div>
</template>

<script>
export default {
  props: {
    tabs: {
      type: Array
    },
    searchList: {
      type: Array
    }
  }
}
</script>

<style scoped>

.bottom {
  display: flex;
  flex-wrap: wrap;
}

dl {
  padding: 10px;
  text-align: center;
  width: 150px;
}
</style>